<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<title>统计图表</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="assets/css/bootstrap.css" />
		<link rel="stylesheet" href="assets/css/custom-styles.css" />
		<link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
		<style>
		html, body
        {
            margin: 0px 0px;
            width: 100%;
            height: 100%;
        }
	</style>
	</head>

	<body>
		<div class="container" style="margin-top: 10px;height: 1600px;">

			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<h1 class="page-header">
                                              工作台 
                     </h1>
				</div>

				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
					<div class="panel panel-primary text-center no-boder ">
						<div class="panel-left pull-left green">
							<i class="fa fa-eye fa-5x"></i>
						</div>
						<div class="panel-right">
							<h3>8,457</h3>
							<strong> 订单数量</strong>
						</div>

					</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
					<div class="panel panel-primary text-center no-boder ">
						<div class="panel-left pull-left blue">
							<i class="fa fa-shopping-cart fa-5x"></i>

						</div>

						<div class="panel-right">
							<h3>1,152,160 </h3>
							<strong> 销售额</strong>
						</div>
					</div>
				</div>
				<div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
					<div class="panel panel-primary text-center no-boder ">
						<div class="panel-left pull-left red">
							<i class="fa fa fa-comments fa-5x"></i>

						</div>

						<div class="panel-right">
							<h3>15,823 </h3>
							<strong> 出售商品数 </strong>

						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
					<div class="panel panel-primary text-center no-boder ">
						<div class="panel-left pull-left brown">
							<i class="fa fa-users fa-5x"></i>

						</div>
						<div class="panel-right">
							<h3>36,752 </h3>
							<strong>会员总数</strong>

						</div>
					</div>
				</div>
				<div class="row">

					<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
						<div class="panel panel-default">
							<div class="panel-heading">
								月订单统计图
							</div>
							<div class="panel-body">
								<div id="morris-bar-chart"></div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
						<div class="panel panel-default">
							<div class="panel-heading">
								月成交量统计图
							</div>
							<div class="panel-body">
								<div id="morris-donut-chart"></div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<!--引入js-->
			<script type="text/javascript" src="assets/js/jquery-3.3.1.js"></script>
			<script type="text/javascript" src="assets/js/bootstrap.js"></script>
			<!-- 图表插件 Js -->
			<script src="assets/js/morris/raphael-2.1.0.min.js"></script>
			<script src="assets/js/jquery.metisMenu.js"></script>
			<script src="assets/js/morris/morris.js"></script>
			<script src="assets/js/easypiechart.js"></script>
			<script src="assets/js/easypiechart-data.js"></script>
			<script src="assets/js/Lightweight-Chart/jquery.chart.js"></script>
			<script src="assets/js/custom-scripts.js"></script>
			</script>
	</body>

</html>